<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>编辑明细配送</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/product.css">
	<link rel="stylesheet" href="css/select-big.css">
	<style>
		.content-btn {
		    margin: 0 16px;
		}
		.product-child-content{
			width: 970px;
			margin: 0 auto;
		}
		.product-child-content .content-btn {
		    margin: 0;
		}
		.content-table-two tbody tr td input{
			width: 80%;
			height: 30px;
			line-height: 30px;
			background: #F9FBFF;
			border: 1px solid #ecf2f7;
			border-radius: 15px;
			text-align: center;
		}
		.icon-delImg{
			display: inline-block;
		    background: url(images/close-1.png)no-repeat;
		    width: 25px;
		    height: 25px;
		    cursor: pointer;
		}
		.icon-delImg:hover{
			background: url(images/close-1.png)no-repeat 0 -27px;
		}
	</style>
</head>
<body>
<div class="main-content">
	<div class="main-bg1">
		<div class="content-btn bot-line">
			<a class="icon-back" href="contractDistribution1.html"></a><span class="title-info-a">编辑配送</span>
		</div>
		<div class="content-list">
			<table class="content-table-newservice" cellspacing="0" cellpadding="0">
				<tbody>
					<tr>
						<td><span class="info-red"><font color="red">*</font>收件人部门：</span></td>
						<td><select class="multiselect" id="single1">
							<option value="">部门名称1</option>
							<option value="">部门名称2</option>
							<option value="">部门名称3</option>
							<option value="">部门名称4</option>
						</select></td>
					</tr>
					<tr>
						<td><span class="info-red"><font color="red">*</font>快递公司：</span></td>
						<td><select class="multiselect" id="single2">
							<option value="">顺丰快递</option>
							<option value="">圆通快递</option>
							<option value="">申通快递</option>
							<option value="">韵达快递</option>
							<option value="">汇通快递</option>
							<option value="">邮政EMS</option>
							<option value="">自取</option>
						</select></td>
					</tr>
					<tr>
						<td><span class="info-red"><font color="red">*</font>快递单号：</span></td>
						<td><input type="text"></td>
					</tr>
					<tr>
						<td><span class="info-red"><font color="red">*</font>印刷厂：</span></td>
						<td><select class="multiselect" id="single3">
							<option value="">杭州印刷厂</option>
							<option value="">廊坊印刷厂</option>
							<option value="">总部发放</option>
						</select></td>
					</tr>
					<tr>
						<td>描述：</td>
						<td><textarea name="" id="" cols="30" rows="3"></textarea></td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="product-child-content">
			<div class="content-info">
				<div class="content-btn bot-line">
					<span class="title-info">纸质合同信息</span>
				</div>
				<table class="tableOrder content-table-two matop" cellspacing="0" cellpadding="0">
					<thead>
						<tr>
							<td style="width:100px;">项目编号</td>
							<td style="width:250px;">项目名称</td>
							<td style="width:100px;">可配送数量</td>
							<td style="width:100px;">本次配送数量</td>
							<td style="width:150px;">合同编号</td>
							<td style="width:100px;">操作</td>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>24355345</td>
							<td>中融国富-稳隆1号契约基金</td>
							<td>10</td>
							<td><input type="text" placeholder="1"></td>
							<td><input type="text" placeholder="1"></td>
							<td><i class="icon-delImg" onclick="del()"></i></td>
						</tr>
						<tr>
							<td>24355345</td>
							<td>中融国富-稳隆1号契约基金</td>
							<td>10</td>
							<td><input type="text" placeholder="1"></td>
							<td><input type="text" placeholder="1"></td>
							<td><i class="icon-delImg" onclick="del()"></i></td>
						</tr>
						<tr>
							<td>24355345</td>
							<td>中融国富-稳隆1号契约基金</td>
							<td>10</td>
							<td><input type="text" placeholder="1"></td>
							<td><input type="text" placeholder="1"></td>
							<td><i class="icon-delImg" onclick="del()"></i></td>
						</tr>
						<tr>
							<td>24355345</td>
							<td>中融国富-稳隆1号契约基金</td>
							<td>10</td>
							<td><input type="text" placeholder="1"></td>
							<td><input type="text" placeholder="1"></td>
							<td><i class="icon-delImg" onclick="del()"></i></td>
						</tr>
						<tr>
							<td><input type="text"></td>
							<td><input type="text"></td>
							<td>10</td>
							<td><input type="text"></td>
							<td><input type="text"></td>
							<td><i class="icon-delImg" onclick="del()"></i></td>
						</tr>
					</tbody>
				</table>
				<p style="line-height:40px;"><i class="btn-operation">新增合同信息</i></p>
				<button class="save-btn matop">保存</button>
			</div>
		</div>
	</div>
</div>
	<script src="js/jquery-1.12.0.min.js"></script>
	<script src="js/select.jquery.js"></script>
	<script src="js/allProduct.js"></script>
	<script>
		$('.multiselect').multiselect({setMaxOptionNum:4,selectedHtmlValue:'全部',setWidth: 338+'px'});
		$('#single1').multiselect({multiple:false,selectedHtmlValue:'部门名称1',setWidth: 338+'px'});
		$('#single2').multiselect({multiple:false,selectedHtmlValue:'顺丰快递',setWidth: 338+'px'});
		$('#single3').multiselect({multiple:false,selectedHtmlValue:'杭州印刷厂',setWidth: 338+'px'});

		function getHeight(){
			var myiframeH=$(".main-content").height();
			var _parent=$(window.parent.document);
        	_parent.find('body').css('height',(myiframeH+150)+'px');
			_parent.find('.main-position').css('height',(myiframeH+100)+'px');
    	};

    	$('.main-content').resize(function(){
			getHeight();
		});
	</script>
</body>
</html>